.answerIcon {
    position: relative;
    background: #fff url(./icons/logo.png) no-repeat center center/50% 50%;
    border: 1px solid #A5D0FF;
    border-radius: 50%;
}

.typeingIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 16px;
}


.questionIcon {
    background: #fff url(./icons/default-avatar.png) no-repeat center center;
    background-size: 50% 50%;
    border-radius: 50%;
    border: 1px solid #A5D0FF;
}

/*.answer::before,*/
.question::before {
    content: '';
    position: absolute;
    top: 0;
    width: 8px;
    height: 12px;
}

/*.answer::before {*/
/*    left: 0;*/
/*    background: url(./icons/answer.svg) no-repeat;*/
/*}*/

.answerWrap .itemOperation {
    /*display: none;*/
    display: flex;
}

.answerWrap:hover .itemOperation {
    display: flex;
}

/*.question::before {*/
/*    right: 0;*/
/*    background: url(./icons/question.svg) no-repeat;*/
/*}*/

.textArea {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 90px;
    border-radius: 12px;
    line-height: 20px;
    background-color: #fff;
}

.textArea:hover {
    background-color: #fff;
}

/* .textArea:focus {
  box-shadow: 0px 3px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
} */

.count {
    /* display: none; */
    padding: 0 2px;
}

.record_panel {
    position: absolute;
    width: 200px;
    height: 150px;
    border: 1px solid #2b71b870;
    background: #fff;
    z-index: 9;
}

.icon_voice {
    position: relative;
    font-size: 0;
    cursor: pointer;

    .icon {
        width: 20px;
        height: 20px;
        fill: #d1d5db;
    }

    .icon.recording {
        fill: #f00;
    }

    &:hover {
        .icon {
            fill: #1c64f2;
        }
    }
}

.sendBtn {
    background: url(./icons/send.svg) center center no-repeat;
}

.sendBtn:hover {
    /*background-image: url(./icons/send-active.svg);*/
    background-color: #EBF5FF;
}

.textArea:focus + div .count {
    display: block;
}

.textArea:focus + div .sendBtn {
    background-image: url(./icons/send-active.svg);
}

/*extend*/
.input_wrapper {
    border: 1px solid #1890ff88;

    &:focus-within {
        border-color: #1890ff;
    }
}

.rate_icon_active {
    color: #1890FF;
    fill: #1890FF;
}
